<!--
 * @Description: 表格
 * @Author: rendc
 * @Date: 2021-08-03 16:03:38
 * @LastEditors: rendc
 * @LastEditTime: 2021-08-03 16:34:36
-->
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>表格</title>
</head>

<body>
  <div>
    <table border="1" cellspacing="0" cellpadding="2">
      <thead bgcolor="#ffeead">
        <tr>
          <th>姓名</th>
          <th>性别</th>
          <th>年龄</th>
        </tr>
      </thead>
      <tbody align="center" bgcolor="#ffad60">
        <tr>
          <td>larry</td>
          <td>男</td>
          <td>28</td>
        </tr>
        <tr>
          <td>larry</td>
          <td>男</td>
          <td>28</td>
        </tr>
      </tbody>
      <tfoot>

      </tfoot>
    </table>
    <br />
    <br />
    <br />
    <table border="1" cellspacing="0" cellpadding="2">
      <tr align="center">
        <th>第一列</th>
        <th>第二列</th>
        <th>第三列</th>
        <th>第四列</th>
        <th>第五列</th>
      </tr>
      <tr align="center">
        <td colspan="2">1行-1列</td>
        <!-- <td>1行-2列</td> -->
        <td>1行-3列</td>
        <td>1行-4列</td>
        <td>1行-5列</td>
      </tr>
      <tr align="center">
        <td>2行-1列</td>
        <td>2行-2列</td>
        <td>2行-3列</td>
        <td>2行-4列</td>
        <td>2行-5列</td>
      </tr>
      <tr align="center">
        <td rowspan="2">3行-1列</td>
        <td>3行-2列</td>
        <td colspan="3" rowspan="3">3行-3列</td>
        <!-- <td>3行-4列</td> -->
        <!-- <td>3行-5列</td> -->
      </tr>
      <tr align="center">
        <!-- <td>4行-1列</td> -->
        <td>4行-2列</td>
        <!-- <td>4行-3列</td> -->
        <!-- <td>4行-4列</td> -->
        <!-- <td>4行-5列</td> -->
      </tr>
      <tr align="center">
        <td>5行-1列</td>
        <td>5行-2列</td>
        <!-- <td>5行-3列</td> -->
        <!-- <td>5行-4列</td> -->
        <!-- <td>5行-5列</td> -->
      </tr>
    </table>
  </div>
</body>

</html>